<template>
	<div class="welcome">
		<div class="content">
			<div class="sub-title">欢迎</div>
			<div class="title">后台管理</div>
			<div class="desc">vue3+elementPlus+node+mongodb</div>
		</div>
		<div class="img">
		</div>
	</div>
</template>
<script setup>
import {useRouter} from "vue-router";

const router = useRouter()
const goLogin = () => {
	router.push({
		path: '/login'
	})
}
</script>
<style scoped lang="scss">
.welcome {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	background-color: #fff;
	.content {
		position: relative;
		bottom: 40px;
		.sub-title {
			font-size: 30px;
			line-height: 42px;
			color: #333;
		}
		.title {
			font-size: 40px;
			line-height: 62px;
			color: #409eff;
		}
		.desc {
			text-align: right;
			font-size: 14px;
			color: #999;
		}
	}
	.img {
		margin-left: 105px;
		background-image: url("./../assets/images/welcome.png");
		width: 371px;
		height: 438px;
	}
}
</style>